import React from 'react'
import { Card, Statistic, Icon } from 'semantic-ui-react'

export default ({ icon, title, number }) => (
  <Card style={{ width: '100%' }}>
    <Card.Content textAlign="center">
      <Icon name={icon} style={{ fontSize: '4em', color: '#5ca9e1' }} />
    </Card.Content>
    <Card.Content textAlign="center">
      <Statistic size="mini">
        <Statistic.Label>{title}</Statistic.Label>
        <Statistic.Value>{number}</Statistic.Value>
      </Statistic>
    </Card.Content>
  </Card>
)
